import React from "react";
import { Box } from "@mui/material";
import { removeLawRootStorage } from "../../localCache/legalContentStorage";
import "../../css/common.css";

export default function Error() {
  const handleCache = () => {
    //removeUnhandleLegalStorage();
    removeLawRootStorage();
  };

  return (
    <Box
      className="container"
      sx={{
        width: "500px",
        mt: "200px",
      }}>
      <img
        style={{ width: "100%" }}
        src="../../assets/images/error.png"
        alt=""
      />
      <div style={{ textAlign: "center" }}>Not Found</div>
      <button style={{}} onClick={handleCache}>
        清除缓存
      </button>
    </Box>
  );
}
